*{
	margin: 0;
	padding: 0;
}

#head,#fooster{
	width: 95%;
	margin: 0 auto;
}

.clear{
	clear: none;
	overflow: hidden;
	height: 5px;	
}

/*---------------------加入购物车-----------------------------------------*/
	#add_cart{
		width: 480px;
		height: 250px;
		border: 5px solid #f1f1f1;
		position: fixed;
		top: 100px;
		left: 30%;
		z-index: 101;
		background: white;
		display:none ;
	}
	#add_cart .cart_title{
		border-bottom: 3px solid red;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		text-indent: 10px;
		margin-bottom: 30px;
	}
	#add_cart .cart_title span{
		float: right;
		margin-right: 5px;
		
	}
	.add_success{
		width: 60%;
		height: 130px;
		margin: 0 auto;
	}
	.add_success input{
		width: 100px;
		height: 35px;
		background: #EEEEEE;
		border: 1px solid #666;
		border-radius:5% ;
		margin-top: 30px;
		float: left;
	}
	.add_success input:hover{
		border: 1px red solid;
	}
	.add_success #buy_continue{
		margin-left: ;
	}
	.add_success #buy{
		margin-left: 10px;
		background: darkred;
	}
	.add_success img{
		float: left;
	}
	.add_success p{
		float: left;
		font-size: 14px;
		line-height: 25px;
		margin-left: 30px;
	}
	#price{
		color: red;
		font-weight: bold;
	}
	#cart_mount{
		color: red;
		font-weight: bold;
	}
/*----------全部分类-------------*/
#list_bg{
	width: 90%;
	min-width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}

	#list_bg .list_title{
		width: 100%;
		height: 30px;
		border-bottom: 1px solid #ccc;
		font-size: 14px;
		color: #666;
		margin-bottom: 20px;
	}
	#list_bg .list_title a:link{
		color: #666;
	}

	#list_left{                /*左边*/
		width: 20%;
		min-width: 100px;
		float: left;
	}
	
	#list_left .list_classify{
		width: 100%;
		border: 5px solid #CCCCCC;
	}
	#list_left .list_classify ul{
		width: 100%;
		overflow: hidden;
	}
	#list_left .list_classify ul li{
		width: 195px;
		height: 40px;
		color: #333;
		list-style: none;
		font-size: 16px;
		line-height: 40px;
		width: 100%;
		text-indent: 10px;
	}
	#list_left .list_classify ul li:nth-child(4n+1){
		background: -webkit-gradient(linear, 50% 10%, 0% 100%,from(#f1f1f1), to(#CCCCCC));
		background: -moz-linear-gradient(left,right,white,#333);
		border: solid 1px #ccc;
		width: 100%;
	}
	#list_left .list_classify ul li button{
		margin-right: 30px;
		background: #ccc;
		font-weight: bolder;
		float: right;
		border: none;
		margin-top: 15px;
		color: white;
		width: 15px;
	}
	#list_left .week_hot{
		width: 100%;
		margin-top: 20px;
		border: 5px solid #CCCCCC;
	}
	#list_left .list_classify .list_classify_box{
		width: 100%;
		overflow: hidden;
		display: none;
	}
	#list_left .list_classify .list_classify_box ol{
		width: 90%;
		overflow: hidden;
	}
	#list_left .list_classify .list_classify_box dd{
		font-size: 12px;
		float: left;
		margin:5px 10px;
	}
	#list_left .list_classify .list_classify_box dd a:link{
		color: #333;
	}
	#list_left .list_classify .list_classify_box dd a:hover{
		color: red;
		text-decoration: underline;
	}

/*-----------------最近热门-------------------*/
		.classsify_kind{
			width: 100%;
			height: 30px;
			border-top:red 2px solid ;
			
		}
			.classsify_kind div{
				width: 62px;
				height: 25px;
				float: left;
				background: #ccc;
				border-radius:10% ;
				text-align: center;
				line-height: 25px;
				font-size: 14px;
			}
			.classsify_kind div:hover{
				background: red;
			}
			.classsify_kind .same_price{
				margin-left:7px;
			}
			.classsify_kind	.same_brand{
				float: right;	
			}
			
			.same_class_box{/*同类型销售排行分类*/
				width: 100%;
				height: 400px;
				position: absolute;
				top:90px;
			}
			.same_kind .same_class_box #ul_li_bg li{
				list-style-type: none;
				width: 90%;
				height: 30px;
				white-space: nowrap;
				overflow: hidden;
				border-bottom: dashed 1px #ccc;
				line-height: 30px;
			}
			
			.same_kind .same_class_box ul li:hover{
				color: blue;
			}
			 .same_class_box ul  .li_box{
				width: 190px;
				height: 80px;
				display: none;
				position: relative;
			}
			.same_class_box ul img{
				float: left;
				width: 75px;
				height: 75px;
			}
			 .same_class_box ul span{
			 	display: block;
			 	float: right;
			 	width: 100px;
			 	height: 44px;
			 	overflow: hidden;
				font-size: 14px;
				
			}

			 .same_class_box #ul_li_bg  .btn-bg{
			 	z-index: 10;
			 	float: left;
			 	width: 15px;
			 	height: 15px;
			 	margin-top: 4px;
			 	background: url(../../img/product_detail/ui_bg.png) 0 45px;
			 	text-align: center;
			 	line-height: 15px;
			 }

			.same_class_box #ul_li_bg 	.li_box .btn-bg{
				position: absolute;
				left: 10px;
				font-weight: normal;
				font-size: 12px;
			}
			
	/*--------------------------热销榜----------------------------------*/
	.week_hot h3{
		color: red;
		text-align: center;
		line-height: 40px;
	}
	
	.week_hot .hot_title{
		width: 100%;
		height: 40px;
		border-top: 3px solid darkred;
	}
	.week_hot .hot_title input{
		width: 30%;
		height: 30px;
		border: none;
		
		border-radius: 5%;
		background: #ccc;
		margin-left: 3px;
	}
	.week_hot #hot_classify{
		width: 100%;
		overflow: hidden;
		height: 450px;
		position: relative;
	}
	.week_hot #hot_classify div{
		top: 0;
		width: 100%;
	}
	
	.week_hot #hot_classify .li_box{
		width: 90%;
		height: 80px;
		border: 1px dashed #ccc;
		margin: 0 auto;
		position: relative;
	}
	.week_hot #hot_classify .li_box .btn-bg{
		width: 15px;
		height: 15px;
		text-align: center;
		font-size: 12px;
		z-index: 10;
	}
	.week_hot #hot_classify .li_box img{
		border: 1px solid #ccc;
		float: left;
		position: absolute;
		left: 0;
		top:0;
		z-index: 0;
	}
	.week_hot #hot_classify .li_box span{
		width: 100px;
		float: left;
		height: 40px;
		font-size: 12px;
		margin-left: 85px;
	}
	.week_hot #hot_classify .li_box b{
		float: right;
		margin-right: 10px;
	}
	
	
	
	
	
	
	
	/*-----------------右边---------------------------------*/
#right{
	width: 75%;
	min-width: 700px;
	overflow: hidden;
	float: left;
	margin-left: 30px;
}

/*--------推荐----------*/
#right #recommend{
	width: 100%;
	height: 200px;
	border: solid 1px #ccc;
}
	#right #recommend .recommend_title{
		background: #F1F1F1;
		height: 40px;
		border-top:3px solid darkred;
		font-size: 16px;
		color: darkred;
		font-weight: bold;
		text-indent: 20px;
		line-height:40px;
	}
	#right #recommend .pro{
		width: 100%;
		float: left;
		overflow: hidden;
	}
	#right #recommend .recommend_pro{
		width: 45%;
		float: left;
		line-height: 30px;
		font-size: 12px;
		margin: 10px;
		position: relative;
	}
	#right #recommend .recommend_pro img{
		float: left;
	}
	#right #recommend .recommend_pro b{
		float: left;
		color: red;
		font-size: 16px;
		
	}
	#right #recommend .recommend_pro span{
		float: left;
		width: 50%;
	}
	#right #recommend .recommend_pro input{
		width: 90px;
		height: 30px;
		background: red;
		border: none;
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	
	
/**/
#right .more_sel{
	width: 100%;
	border: solid 1px #ccc;	
	margin-top:5px ;
	border-bottom: 1px solid red;
}

#right  .more_sel .more_sel_title{
	width: 100%;
	height: 40px;
	text-indent: 20px;
	font-size: 16px;
	font-weight: bold;
	color: darkred;
	background: #F1F1F1;
	line-height: 40px;
	border-top:3px solid darkred ;
}

#right  .more_sel table{
	width: 100%;
	border: 1px solid #CCCCCC;
}

#right  .more_sel table tr{
	height: 40px;
	color: #333;
	font-size: 13px;
	text-indent: 20px;
}
#right  .more_sel table tr td:first-child{
	width: 100px;
}

#right  .more_sel table tr ul li{
	float: left;
	margin: 10px 10px;
	text-align: center;
	height: 20px;
	text-indent: 10px;
	
}

#right  .more_sel table tr ul li:first-child{
	background: red;
}

#right  .more_sel table tr ul a:link{
	color: #666;
}

#right  .more_sel table input{
	width: 40px;
}

/*-----------------------------分页列表样式--------------------------------------------*/

#pro_list{
	width: 100%;
	overflow: hidden;
	border-top:3px solid darkred ;
}
 #pro_list .more_list_title{
 	width: 100%;
 	height: 50px;
 	background: #F1F1F1;
 }
#pro_list table{
	width: 100%;
	color: #666;
	font-size: 12px;
	line-height:50px ;
	border: 1px solid #ccc;
}

 #pro_list .goods{
	width: 23%;
	height: 350px;
	border: solid 1px #ccc;
	font-size: 12px;
	line-height: 30px;
	position: relative;
	float: left;
	margin: 5px;
}
#pro_list .goods input{
	vertical-align: middle;
}
#pro_list .goods #price{
	color: red;
	font-weight: bold;
	font-size: 18px;
	margin-top: 40px;
}

#pro_list .goods input[type =button]{
	width: 80px;
	height: 30px;
	background: #F1F1F1;
	border: 1px solid #ccc;
	margin-left: 3px;
}

#pro_list .goods #compare{
	width: 100px;
	background: red;
	position: absolute;
	display: none;
}
#pro_list .goods:hover #compare{
	display: block;
}


/*--------分页样式----------*/
#right #page{
	width: 100%;
	height: 40px;
	
}

#right #page ul{
	float: right;
	margin-right: 50px;
}
#right #page li{
	float: left;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 20px;
	margin:5px 5px;
}

#right #page #for_page{
	width: 60px;
}

#right #page #back_page{
	width: 60px;
}
